<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>input新增type属性值</title>
</head>
<body>
  <!-- novalidate 表单校验功能失效 -->
  <form action="#" novalidate>
    <input type="email" name="email">
    <br>
    <input type="url" required name="url">
    <br>
    <input type="number" name="number" step="2" max="80" min="20">
    <br>
    <input type="search" name="keyword">
    <br>
    <input type="tel" name="phone">
    <br>
    <input type="range" name="range" max="80" min="20" value="50">
    <br>
    <input type="color" name="color">
    <br>
    <input type="date" name="date">
    <br>
    <input type="month" name="month">
    <br>
    <input type="week" name="week">
    <br>
    <input type="time" name="time">
    <br>
    <input type="datetime-local" name="datetime-local">
    <br>
    <button>提交</button>
  </form>
</body>
</html>